<!--文档声明自行设定-->
<?xml version=”1.0″ encoding=”UTF-8″?>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML Basic 1.1//EN” “http://www.w3.org/TR/xhtml-basic/xhtml-basic11.dtd”>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title>近期预约</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;” name=”viewport” /> 
		 
		<meta content=”yes” name=”apple-mobile-web-app-capable” /> 
		 
		<meta content=”black” name=”apple-mobile-web-app-status-bar-style” /> 
		 
		<meta content=”telephone=no” name=”format-detection” />
	
		<link rel="stylesheet" type="text/css" href="style/newReservation.css"></link>
		<script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
		<script src="js/base.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(document).ready(function(){
				
				onMousedown($('.cancel'),'#e75c2d');//提交
				onMouseup($('.cancel'),'#ff6633');
				
			})
		</script>

	</head>
<body>


	<div id="header">
		<a id="back" href="myDiscovery.html">
		</a>
		<span>我的预约</span>
		
	</div>

	<div id="reservation">
	
		<a class="grayword ongrayword" href="#">
			<span>近期预约</span>
			<p class="decoration"></p>
		</a>
			
		<a class="grayword" href="previousReservation.html">
			<span>以往预约</span>
		</a>
		
	</div>
			
	<div id="main">
		
		<a id="hairstore" href="#">
			<div>
				<p class="grayword">美发店</p>
				<p class="blackword">经典龙华店</p>
			</div>
			<span class="rightarrow"></span>
		</a>
			
		<p class="line"></p>
				
		<a id="hairpackage" href="#">
			<div>
				<p class="grayword">美发套餐</p>
				<p class="blackword">￥35 洗剪吹1次，男女不限，发长不限</p>
			</div>
		</a>
				
		<p class="line"></p>
				
		<a id="hairstylist" href="#">
			<div>
				<p class="grayword">发型师</p>
				<p class="blackword">诸葛亮</p>
			</div>
		</a>
			
		<p class="line"></p>
			
		<a id="address" href="#">
			<div>
				<p class="grayword">地点</p>
				<p class="blackword">深圳市龙华新区民治大道上油松路</p>
			</div>
			<span class="rightarrow"></span>
		</a>
			
		<p class="line"></p>
				
		<a id="phone" href="#">
			<div>
				<p class="grayword">电话</p>
				<p class="blackword">0753-3456789</p>
			</div>
			<span class="rightarrow"></span>
		</a>
				
		<p class="line"></p>
				
		<a id="arrive" href="#">
			<div>
				<p class="grayword">到店时间</p>
				<p class="blackword">今天 04月26日   上午09:00至12:00前</p>
			</div>
		</a>
		
		<p class="line"></p>
		
		<a id="reservationcode" href="#">
			<div>
				<p class="grayword">预约码</p>
				<p class="blackword">2015051809001200</p>
			</div>
		</a>
		
		<p class="line"></p>
		
		<a class="cancel" href="#">取消预约</a>
			
	</div>
	
	<div id="main">
		
		<a id="hairstore" href="#">
			<div>
				<p class="grayword">美发店</p>
				<p class="blackword">经典龙华店</p>
			</div>
			<span class="rightarrow"></span>
		</a>
			
		<p class="line"></p>
				
		<a id="hairpackage" href="#">
			<div>
				<p class="grayword">美发套餐</p>
				<p class="blackword">￥35 洗剪吹1次，男女不限，发长不限</p>
			</div>
		</a>
				
		<p class="line"></p>
				
		<a id="hairstylist" href="#">
			<div>
				<p class="grayword">发型师</p>
				<p class="blackword">诸葛亮</p>
			</div>
		</a>
			
		<p class="line"></p>
			
		<a id="address" href="#">
			<div>
				<p class="grayword">地点</p>
				<p class="blackword">深圳市龙华新区民治大道上油松路</p>
			</div>
			<span class="rightarrow"></span>
		</a>
			
		<p class="line"></p>
				
		<a id="phone" href="#">
			<div>
				<p class="grayword">电话</p>
				<p class="blackword">0753-3456789</p>
			</div>
			<span class="rightarrow"></span>
		</a>
				
		<p class="line"></p>
				
		<a id="arrive" href="#">
			<div>
				<p class="grayword">到店时间</p>
				<p class="blackword">今天 04月26日   上午09:00至12:00前</p>
			</div>
		</a>
		
		<p class="line"></p>
		
		<a id="reservationcode" href="#">
			<div>
				<p class="grayword">预约码</p>
				<p class="blackword">2015051809001200</p>
			</div>
		</a>
		
		<p class="line"></p>
		
		<a class="cancel" href="#">取消预约</a>
			
	</div>
	
	<div id="main">
		
		<a id="hairstore" href="#">
			<div>
				<p class="grayword">美发店</p>
				<p class="blackword">经典龙华店</p>
			</div>
			<span class="rightarrow"></span>
		</a>
			
		<p class="line"></p>
				
		<a id="hairpackage" href="#">
			<div>
				<p class="grayword">美发套餐</p>
				<p class="blackword">￥35 洗剪吹1次，男女不限，发长不限</p>
			</div>
		</a>
				
		<p class="line"></p>
				
		<a id="hairstylist" href="#">
			<div>
				<p class="grayword">发型师</p>
				<p class="blackword">诸葛亮</p>
			</div>
		</a>
			
		<p class="line"></p>
			
		<a id="address" href="#">
			<div>
				<p class="grayword">地点</p>
				<p class="blackword">深圳市龙华新区民治大道上油松路</p>
			</div>
			<span class="rightarrow"></span>
		</a>
			
		<p class="line"></p>
				
		<a id="phone" href="#">
			<div>
				<p class="grayword">电话</p>
				<p class="blackword">0753-3456789</p>
			</div>
			<span class="rightarrow"></span>
		</a>
				
		<p class="line"></p>
				
		<a id="arrive" href="#">
			<div>
				<p class="grayword">到店时间</p>
				<p class="blackword">今天 04月26日   上午09:00至12:00前</p>
			</div>
		</a>
		
		<p class="line"></p>
		
		<a id="reservationcode" href="#">
			<div>
				<p class="grayword">预约码</p>
				<p class="blackword">2015051809001200</p>
			</div>
		</a>
		
		<p class="line"></p>
		
		<a class="cancel" href="#">取消预约</a>
			
	</div>
	

			
	



</body>
</html>